<template>
  <!-- <header>
      <h1>{{title}}</h1>  
  </header>-->
  <!-- <div class="user">
      <a href="">登录</a>
      <a href="">注册</a>
  </div>-->
  <!-- <div class="header"> -->
  <!-- <div class="header-container"> -->
  <!-- <div class="container">
            <div class="logo">
                <a href="">
                    <img src="../assets/logo.png" alt="">
                </a>
            </div>
            <ul class="nav">
                <li><a href="">首页</a></li>
                <li><a href="">状态</a></li>
                <li><a href="">断点</a></li>
                <li><a href="">忽略</a></li>
                <li><a href="">点码</a></li>
                
  </ul>-->
  <header>
      <h2>上海航数智能</h2>
    <div class="user">
      <router-link to="/test3">登录</router-link>
      <router-link to="/test2">注册</router-link>
    
    </div>
  </header>

</template> 


<script>
export default {
  name: "app-header",
  data() {
    return {
      title: "上海航数资产管理系统",
    };
  },
};
</script>

<style scoped>
 header{
    background:lightgreen;
    padding:10px;
    margin: 0%;
    /* position: relative; z-index: 9999; */
}

h1{
   color:#222;
   text-align: left; 
} 


/* .header{
    height: 60px;
}
.header-container{
    height: 60px;
    background: rgb(158, 218, 150);
    color: #fff;
    line-height: 60px;
    position: fixed;
    z-index:100;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
}
.container{
    display: flex;
}
.logo a{
    display: flex;
    align-items: center;
    height: 100%;
}

.logo img{
width:42px;
height: 42px;
}
.nav{
    margin: 0 60px;
    display: flex;
    flex-grow: 1;
}
.nav a{
    display: block;
    padding: 0 30px;
}
.nav .router-link-exact-active{
    color: #fcb85f;

}



.user{
    font-size: 18px;
}
.user *{
    margin-left: 89px;
}
.header a{
    color: rgb(32, 31, 31);
    margin-left: 189px;
} */

.user {
  margin-left: 2200px;
}
</style>